import {FlexProps} from "./dev.tsx";

const FlexProd = (props:FlexProps) => {
    const {id ,wrap,vertical,align,justify,gap,styles } = props
    return (
        <div
             style={{flexDirection:vertical,justifyContent:justify,alignItems:align,flexWrap:wrap,gap:gap,...styles}}
             data-component-id={id}
             className={`flex justify-start gap-10 p-3 min-h-[100px]`
             } >
            {
                // @ts-ignore
                props?.children?.length > 0 ? props.children : <></>
            }
        </div>
    );
};

export default FlexProd;